﻿
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Prototype.Master" CodeBehind="list.aspx.vb" Inherits="prototype.list" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
    .style5
    {
        width: 606px;
    }
    .style6
    {
            width: 708px;
            height: 75px;
        }
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table class="style3">
    <tr>
        <td class="style6" align="left">
        <br />
            WalkingWeb keeps you moving with their list of walking routes to cater for the 
            leisurely stroller to the keep-fit enthusiast.
            <br />
            <br />

            <asp:GridView ID="GridView1" runat="server" AllowSorting="True" 
                AutoGenerateColumns="False" CellPadding="3" 
                DataKeyNames="RouteID" DataSourceID="walkingweb" AllowPaging="True" 
                BorderColor="#669900" BorderStyle="Solid" BorderWidth="1px">
                <AlternatingRowStyle BackColor="#CCFF99" />
                <Columns>
                    <asp:BoundField DataField="Rate" HeaderText="Rating" SortExpression="Rate" />
                    <asp:BoundField DataField="RouteName" HeaderText="Route Name" 
                        SortExpression="RouteName" />
                    <asp:BoundField DataField="City" HeaderText="City" SortExpression="City" />
                    <asp:BoundField DataField="Distance" HeaderText="Distance" 
                        SortExpression="Distance" />
                    <asp:ImageField DataImageUrlField="Pictures" HeaderText="Thumbnails">
                        <ControlStyle Height="100px" Width="100px" />
                    </asp:ImageField>
                    <asp:HyperLinkField DataNavigateUrlFields="RouteID" 
                        DataNavigateUrlFormatString="details.aspx?RouteID={0}" DataTextField="RouteID" 
                        DataTextFormatString="View" HeaderText="More Details" />
                </Columns>
                <HeaderStyle BackColor="#E6FEBF" BorderColor="#669900" Font-Bold="True" 
                    Font-Size="Small" />
            </asp:GridView>
            <asp:SqlDataSource ID="walkingweb" runat="server" 
                ConnectionString="<%$ ConnectionStrings:walkingweb %>" 
                ProviderName="<%$ ConnectionStrings:walkingweb.ProviderName %>" 
                SelectCommand="SELECT * FROM [routes]"></asp:SqlDataSource>

            <br /></td>
        <td rowspan="2">
            &nbsp;</td>
    </tr>
    <tr>
        <td class="style6">
            
        </td>
    </tr>
    </table>
</asp:Content>